*{margin:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{font-size:62.5%; font-family: "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", Arial, sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;
}
body{margin: 0 auto; min-width:320px; line-height: 1.5; font-size: 1.2em; color:#666; background: #fff; overflow-x:hidden; -webkit-overflow-scrolling: touch;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
mark{background: #ff0; color: #000;}
small{font-size: 80%;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

table{border-collapse:collapse;}
ul{ list-style:none;}
img{border: 0; max-width: 100%;}
a img{vertical-align: bottom;}
a{text-decoration: none; color:#666; background-color: transparent; -webkit-tap-highlight-color: transparent;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0; text-decoration:none;}
h1,h2,h3,h4,h5{font-weight: normal; font-size: 1.2em;}

button{background: none;border: none;outline: none;}


.fl{float: left}
.fr{float: right}
.al{text-align: left}
.ac{text-align: center}
.ar{text-align: right}
.hide{display: none}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2::before,.clearfix2::after{content:""; display: table;}
.clearfix2::after{clear: both;}
.clearfix2, .clearfix{*zoom:1;}
.clearfix:after{display: block; content: ""; clear: both; height: 0; visibility: hidden;}
/*-------------------------结束公用样式--------------------------*/
body{ background-color: #fff; max-width: 1080px;}
::-webkit-scrollbar{display: none;}
.noscorll, .noscorll body{height: 100%!important; overflow: hidden!important;}
.whbg{background-color: #fff;}

.fpic{display: block; width: 100%; vertical-align: bottom;}
.omit{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hidel{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0;}
.nodata{display: block; text-align: center; padding: 1rem; font-size: 1.1rem; color: #ccc;}

.wbox, .wpbox{margin-bottom: .8rem; background-color: #fff; overflow: hidden;}
.wpbox{padding: 0 1rem;}

.wb{display: flex; display: -webkit-box;}
.wbc{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.wbj{display: flex; display: -webkit-box;justify-content: space-between;-webkit-box-pack: justify; }
.wbw{display: block; flex: 1; -webkit-box-flex: 1;}


ins{color: #611b74; text-decoration: none;}
.ins{font-size: 1.2rem; color: #ff302b; text-decoration: none; vertical-align: bottom;}
.insm{margin-left: .3rem; line-height: 1.2; font-size: 1.7rem;}
del{color: #999;}
ins + del{margin-left: .5rem;}



input::-webkit-input-placeholder{color: #bbb;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

.dtint, .textint{display: block; text-align: left; text-indent: 0; padding: 1rem 0; width: 100%; line-height: 2.5rem; font-size: 1.4rem; color: #333; background-color: transparent; border: none; border-radius: 0; outline: 0; box-shadow: none; box-sizing: border-box; -webkit-box-sizing: border-box; appearance: none; -webkit-appearance: none;}
.dtint{height: 4.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.textint{height: auto; min-height: 12rem; resize: vertical;}
.feedback_textint{padding-bottom: 2rem; min-height: 24rem;}


.selgt{margin: 0 .5rem .2rem .5rem; display: inline-block; content: ""; width: .6rem; height: .6rem; border-width: 0 2px 2px 0; border-style: solid; border-color: #999; transform: rotate(45deg) skew(-5deg,-5deg); -webkit-transform: rotate(45deg) skew(-5deg,-5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}
.rgt{margin: 0 .5rem; display: inline-block; content: ""; width: .6rem; height: .6rem; border-width: 2px 2px 0 0; border-style: solid; border-color: #999; transform: rotate(45deg) skew(5deg,5deg); -webkit-transform: rotate(45deg) skew(5deg,5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}
.moregt{margin-left: .3rem; position: relative; display: inline-block; text-align: center; width: 1.2rem; height: 1.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1.2rem; font-size: 1rem; color: #fff; background-color: #999; border-radius: 50%; vertical-align: -.1rem;}
.moregt::after{position: absolute; top: 50%; left: 50%; margin: -.3rem 0 0 -.3rem; display: block; content: ""; width: .4rem; height: .4rem; border-width: 1px 1px 0 0; border-style: solid; border-color: #fff; transform: rotate(45deg) skew(5deg,5deg); -webkit-transform: rotate(45deg) skew(5deg,5deg);}


.sico{margin-right: .3rem; display: inline-block; width: 1.5rem; height: 1.5rem; background-image: url(../images/icon/sico.png); background-repeat: no-repeat; background-size: 1.5rem auto; vertical-align: top;}
.has_sico{background-position: 0 0;}


.mico{display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/icon/mico.png); background-repeat: no-repeat; background-size: 2rem auto; vertical-align: top;}


.tico{margin-right: .5rem; display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/icon/tico.png); background-repeat: no-repeat; background-size: 2rem auto; vertical-align: top;}
.love_tico{background-position: 0 0;}
.good_tico{background-position: 0 -2rem;}


/*结束顶部*/
.index1{
	position: relative;
	border-bottom: .1rem solid #dedede;
	font-size: 0;
	height: 26.6666rem;}
.btn2{
	display: block;
	font-size: 1.4rem;
	border: .1rem solid #3f3f3f;
	background: #fff;color: #3f3f3f;
	border-radius:.3rem ;height: 4rem;
	line-height: 4rem;
	width: 86%;
	margin: auto;
	left: 7%;
	position: absolute;
	bottom: 8%;
}

.index1 h2{color: #42464b;font-size: 1.2rem;position: absolute;width: 100%;left: 0;top: 46%;transform: translateY(-50%);}
.index1 .play{width: 4.5rem;height: 4.5rem;position: absolute;top: 53%; background:url(../images/icon/play1.png) no-repeat center ;background-size:4.5rem auto ;display: block; left: 50%;transform: translateX(-50%);}
.index1 .play.on{background-image: url(../images/icon/play.png);}

.index2,.index3,.index4,.index5,.index6,.index7{border-bottom: .1rem solid #dedede;font-size: 0;}

.index3{background: #f2f2f2;}

.btn{display: block;margin: 3rem 2rem;font-size: 1.4rem; border: .1rem solid #3f3f3f; background: #fff;color: #3f3f3f;border-radius:.3rem ;height: 4rem;line-height: 4rem;}
.btn:active{background: #3f3f3f;color: #fff;}
.balck_btn{background: #3f3f3f;color: #fff;}
.balck_btn:active{background: #fff;color: #3f3f3f;}
.red_btn{background: #d8553f;color: #fff;border-color:#d8553f ;}
.red_btn:active{background: #fff;color: #d8553f;}

.border{border-bottom: none;}
.margin{margin:0 2rem; border-bottom: .1rem solid #ccc;}
.margin .btn{margin-left: 1rem;margin-right: 1rem;}

.suitelist{margin: 1rem;font-size: 0;}
.suiteitem{width: 50%;display: inline-block;font-size: 1.4rem;margin-bottom: 1rem;}
.suiteitem div{margin:0 .5rem;border: .1rem solid #d9d9d9;}
.suiteitem h1{background: #343434;margin:  0 2rem 3rem;line-height: 3rem;font-size: 1.5rem;border-radius:0 0 1rem 1rem ;color: #fff;}
.suiteitem h1.special{background: #c43b3a;}
.suiteitem h4{font-size: 2.2rem;color: #5a5f63;border-bottom: .1rem solid #ccc;margin: 0 2rem;}
.suiteitem h5{font-size: 1.8rem;color: #5a5f63;margin-top: .5rem;}
.suiteitem h6{font-size: 1.5rem;color: #959595;margin-top: 1rem;}
.suiteitem h6.f_red{color: #c43b3a;}
.suiteitem a{border: .1rem solid #4e4e4e;display: block;line-height: 3rem;border-radius:.4rem ; color: #888;font-size: 1.4rem;margin: 1rem 1.5rem;}
.suiteitem a:active{background: #c43b3a;color: #fff;border-color:#c43b3a ;}

.f_green{color: #397e4a;}
.f_black{color: #333;}
.f_blue{color: #5b6e8a;}

.header{height: 5rem;display: block;position: relative;}
.header header{position: fixed;top: 0;left: 0;width: 100%;height: 5rem;background: #fff;box-shadow: 0 .2rem 1rem #eee;}
.headlogo{position: relative; max-width: 100%; height: 2.5rem;padding: 1rem;margin-top: .25rem;}
.headl, .headr{position: absolute; top: 0; height: 5rem; font-size: 0;}
.headl{left: 0;}
.headr{right: 0;}
.headtextbtn{position: relative; display: inline-block; padding: 0 1rem;margin-top:1.25rem ;margin-right: .5rem;border-radius:.3rem ;  line-height: 2.5rem; border: .1rem solid #ccc;  font-size: 1.3rem; box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top;}
.headtextbtn:active{background-color: rgba(0,0,0,.1);}


/*iphone6*/
@media(min-device-width:375px)and(max-device-width:667px)and(-webkit-min-device-pixel-ratio:2){
html{ font-size:75%;}
}
/*iphone6plus*/
@media(min-device-width:414px)and(max-device-width:736px)and(-webkit-min-device-pixel-ratio:3){
html{ font-size:75%;}
}
@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3){/* 兼容iphone 6 plus*/
	.index1{
		height: 30rem;
	}
}

.btnp{display: block;color:#91a1b5;font-size:14px;letter-spacing: 1px;margin:0 auto;}
.r1{border: 1px solid #91a1b5;border-radius: 30px;padding:10px 0;margin-top: 25px;margin-bottom: 25px;width:260px;}
.r2{border: 1px solid #91a1b5;border-radius: 30px;padding:10px 0;margin-bottom: 25px;width:260px;}